/* CSS Document */

/******************** 个人资料 ********************/

/* banner */

.medat-ba {
    float: left;
    overflow: hidden;
    margin-top: 30px;
    width: 100%;
    height: 130px;
    border-radius: 10px;
    background: url("../images/me_01.png") no-repeat center top;
    color: #ffd300;
    text-align: center;
    font-weight: bold;
    font-size: 42px;
    line-height: 130px;
}

/* 内容 */

.medat-nr {
    float: left;
    margin-top: 20px;
    width: 100%;
}

/* 左侧 */

.medat-nr-le {
    float: left;
    overflow: hidden;
    width: 260px;
    height: auto;
    border-radius: 10px;
    background: #fff;
}

/* 头像 */

.medat-nr-let {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.medat-nr-let h1 {
    float: left;
    margin: 40px 0px 20px 0px;
    width: 100%;
}

.medat-nr-let h1 img {
    overflow: hidden;
    margin: 0px auto;
    width: 120px;
    height: 120px;
    border-radius: 100px;
}

.medat-nr-let h2,
.medat-nr-let p {
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.medat-nr-let h2 {
    color: #000;
    font-size: 20px;
}

.medat-nr-let p {
    color: #999;
    font-size: 15px;
}

/* 菜单 */

.medat-nr-lel {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}

.medat-nr-lel .icon1 a {
    background: url("../images/me_03.png") no-repeat;
}

.medat-nr-lel .icon1 a.hover {
    background: url("../images/me_04.png") no-repeat;
}

.medat-nr-lel .icon2 a {
    background: url("../images/me_05.png") no-repeat;
}

.medat-nr-lel .icon2 a.hover {
    background: url("../images/me_06.png") no-repeat;
}

.medat-nr-lel .icon3 a {
    background: url("../images/me_07.png") no-repeat;
}

.medat-nr-lel .icon3 a.hover {
    background: url("../images/me_08.png") no-repeat;
}

.medat-nr-lel .icon4 a {
    background: url("../images/me_09.png") no-repeat;
}

.medat-nr-lel .icon4 a.hover {
    background: url("../images/me_10.png") no-repeat;
}

.medat-nr-lel .list {
    float: left;
    width: 100%;
    height: 50px;
    text-indent: 75px;
    font-size: 15px;
    line-height: 50px;
}

.medat-nr-lel .list a {
    display: block;
    background-position: 40px 15px;
    background-size: 18px 18px;
    color: #999;
}

.medat-nr-lel .list a:hover {
    color: #167ed2;
}

.medat-nr-lel .list a.hover {
    background-position: 40px 15px;
    background-size: 18px 18px;
    color: #167ed2;
}

/* 右侧 */

.medat-nr-ri {
    float: left;
    margin-left: 20px;
    width: 920px;
    height: auto;
}

/* 标题 */

.medat-nr-rib {
    float: left;
    overflow: hidden;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    background: #fff;
    color: #000;
    text-indent: 25px;
    font-weight: bold;
    font-size: 16px;
    line-height: 60px;
}

/* 中间信息 */

.medat-nr-ric {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    margin: 20px 0px 0px;
    padding: 40px;
    width: 100%;
    border-radius: 10px;
    background: #fff;
}

.medat-nr-ric dl {
    float: left;
    overflow: hidden;
    margin: 5px 0px;
    width: 100%;
    height: auto;
    font-size: 15px;
}

.medat-nr-ric dl dt {
    float: left;
    width: 80px;
    height: 30px;
    color: #999;
    line-height: 30px;
}

.medat-nr-ric dl dd {
    float: left;
    width: 400px;
    height: auto;
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
}

.medat-nr-ric dl dd.width-b {
    width: 260px;
}

.medat-nr-ric dl dd a {
    color: #167ed2;
}

.medat-nr-ric dl dd a:hover {
    color: #015ca5;
}

.medat-nr-ric dl dd img {
    float: left;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    border-radius: 10px;
}

.medat-nr-ric p {
    float: left;
    margin-top: 5px;
    margin-left: 80px;
    width: 400px;
    font-size: 15px;
    line-height: 30px;
}

.medat-nr-ric p a {
    color: #167ed2;
}

.medat-nr-ric p a:hover {
    color: #015ca5;
}


/******************** 修改资料 ********************/

.memod-sr {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    margin: 20px 0px 0px;
    padding: 40px;
    width: 100%;
    min-height: 520px;
    border-radius: 10px;
    background: #fff;
}

/* 填写 */

.memod-sr-b {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.memod-sr-b h1 {
    float: left;
    margin-right: 10px;
    width: 90px;
    height: 42px;
    color: #999;
    text-align: right;
    font-weight: normal;
    font-size: 15px;
    line-height: 42px;
}

.memod-sr-b h2 img {
    float: left;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    border-radius: 10px;
}

.memod-sr-b h3 {
    float: left;
    margin-left: 15px;
    width: 100px;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
}

.memod-sr-b h3 a {
    color: #167ed2;
}

.memod-sr-b h3 a:hover {
    color: #015ca5;
}

.memod-sr-b p {
    float: left;
    width: 400px;
}

.memod-sr-b .width-c {
    width: 280px;
}

.memod-sr-b p input {
    float: left;
    overflow: hidden;
    width: 100%;
    height: 42px;
    border: none;
    border-radius: 5px;
    background: #f2f3f7;
    text-indent: 15px;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 42px;
}

.memod-sr-b p input:-moz-placeholder {
    color: #b2b2b2;
}

.memod-sr-b p input::-moz-placeholder {
    color: #b2b2b2;
}

.memod-sr-b p input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #b2b2b2;
}

.memod-sr-b p input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #b2b2b2;
}

/* 按钮 */

.memod-sr-b h4 {
    float: left;
    margin-left: 10px;
    width: 110px;
    height: 42px;
}

.memod-sr-b h4 button {
    float: left;
    overflow: hidden;
    width: 110px;
    height: 42px;
    border: none;
    border-radius: 5px;
    background: #167ed2;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 42px;
}

.memod-sr-b h4 button:hover {
    outline: none;
    outline: 0px;
    background: #0265b5;
    cursor: pointer;
}

/* 按钮 */

.memod-sr-n {
    float: left;
    margin: 10px 0px 0px 100px;
    width: 400px;
    height: 42px;
}

.memod-sr-n span {
    float: left;
    margin-right: 10px;
    width: 120px;
    height: 42px;
}

.memod-sr-n span button {
    float: left;
    overflow: hidden;
    width: 120px;
    height: 42px;
    border: none;
    border-radius: 5px;
    background: #167ed2;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 42px;
}

.memod-sr-n span button:hover {
    outline: none;
    outline: 0px;
    background: #0265b5;
    cursor: pointer;
}


/******************** 我的订单 ********************/

/* 标题 */

.meord-bt {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0px 20px;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    background: #fff;
    color: #000;
    font-size: 16px;
    line-height: 60px;
}

.meord-bt span {
    float: left;
    margin: 0px 20px;
    width: auto;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.meord-bt span a {
    display: block;
    color: #999;
}

.meord-bt span a:hover {
    color: #167ed2;
}

.meord-bt span a.hover {
    background: url("../images/me_11.png") no-repeat bottom center;
    background-size: 20px 3px;
    color: #167ed2;
    font-weight: bold;
}

/* 列表 */

.meord-li {
    float: left;
    overflow: hidden;
    margin-top: 20px;
    width: 100%;
    border-radius: 10px;
    background: #fff;
}

.meord-li-t {
    float: left;
    box-sizing: border-box;
    padding: 0px 20px;
    width: 100%;
    height: 56px;
    font-size: 15px;
    line-height: 56px;
}

.meord-li-t span {
    float: left;
    margin-right: 20px;
}

.meord-li-t p {
    float: right;
}

.meord-li-t p a {
    color: #999;
}

.meord-li-t p a:hover {
    color: #167ed2;
}

.meord-li-b {
    float: left;
    box-sizing: border-box;
    padding: 0px 20px;
    width: 100%;
    height: 70px;
    border-top: #e6e7eb dashed 1px;
    font-size: 15px;
    line-height: 70px;
}

.meord-li-bl {
    float: left;
    width: 50%;
}

.meord-li-bl span {
    float: left;
    margin-right: 30px;
}

.meord-li-bl span strong {
    font-size: 20px;
}

.meord-li-bl span strong.red {
    color: #f32713;
}

.meord-li-bl span strong.lan {
    color: #167ed2;
    font-size: 15px;
}

/*按钮*/

.meord-li-br {
    float: left;
    margin: 17px 0px 0px 0px;
    width: 50%;
    height: 36px;
}

.meord-li-br span {
    float: right;
    margin-left: 10px;
    width: 120px;
    height: 36px;
}

.meord-li-br span button {
    float: left;
    overflow: hidden;
    width: 120px;
    height: 36px;
    border: none;
    border-radius: 50px;
    background: #167ed2;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 36px;
}

.meord-li-br span button:hover {
    outline: none;
    outline: 0px;
    background: #0265b5;
    cursor: pointer;
}

.meord-li-br p {
    float: right;
    margin-left: 10px;
    width: 120px;
    height: 36px;
}

.meord-li-br p button {
    float: left;
    overflow: hidden;
    width: 120px;
    height: 36px;
    border: none;
    border-radius: 50px;
    background: #f32713;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 36px;
}

.meord-li-br p button:hover {
    outline: none;
    background: #d71300;
    cursor: pointer;
}

/******************** 订单详情 ********************/

/* 标题 */

.meord-de-b {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0px 25px;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    background: #fff;
    color: #000;
    font-size: 16px;
    line-height: 60px;
}

.meord-de-b span {
    float: left;
    width: 50%;
    font-weight: bold;
}

.meord-de-b p {
    float: right;
    font-size: 15px;
}

.meord-de-b p a {
    color: #999;
}

.meord-de-b p a:hover {
    color: #167ed2;
}

/* 详细 */

.meord-de-n {
    float: left;
    box-sizing: border-box;
    padding: 25px;
    width: 100%;
}

.meord-de-n dl {
    float: left;
    margin: 3px 0px;
    width: 100%;
    height: 26px;
    line-height: 26px;
}

.meord-de-n dl dt {
    float: left;
    margin-right: 10px;
    width: 100px;
    color: #000;
    text-align: right;
    font-size: 14px;
}

.meord-de-n dl dd {
    float: left;
    width: 700px;
    color: #999;
    font-weight: normal;
    font-size: 14px;
}

.meord-de-n dl dd strong {
    color: #f32713;
}

/******************** 我的地址 ********************/

/* 地址列表 */

.meadd-lis {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    margin: 20px 0px 0px;
    padding: 30px;
    width: 100%;
    height: 220px;
    border-radius: 10px;
    background: #fff;
}

.meadd-lis-le {
    float: left;
    width: 600px;
}

.meadd-lis-le dl {
    float: left;
    margin: 3px 0px;
    width: 100%;
    height: 26px;
    font-size: 15px;
    line-height: 26px;
}

.meadd-lis-le dl dt {
    float: left;
    margin-right: 10px;
    width: 60px;
    color: #000;
    text-align: right;
}

.meadd-lis-le dl dd {
    float: left;
    width: 500px;
    color: #999;
    font-weight: normal;
    font-size: 15px;
}

.meadd-lis-ri {
    float: right;
    margin: 56px 15px 0px 0px;
    width: 100px;
    height: 42px;
}

.meadd-lis-ri a {
    float: left;
    overflow: hidden;
    width: 100px;
    height: 42px;
    border: none;
    border-radius: 5px;
    background: #167ed2;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 42px;
}

.meadd-lis-ri a:hover {
    outline: none;
    outline: 0px;
    background: #0265b5;
    cursor: pointer;
}

/* 按钮 */

.meadd-an {
    float: left;
    margin: 30px 0px 0px 0px;
    width: 100%;
}

.meadd-an span {
    float: left;
    margin-left: 350px;
    width: 220px;
    height: 60px;
}

.meadd-an span button {
    float: left;
    overflow: hidden;
    width: 220px;
    height: 60px;
    border: none;
    border-radius: 50px;
    background: #167ed2;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-family: "微软雅黑";
    line-height: 60px;
}

.meadd-an span button:hover {
    outline: none;
    outline: 0px;
    background: #0265b5;
    cursor: pointer;
}

/* 暂无地址 */

.meadd-no {
    float: left;
    overflow: hidden;
    margin-top: 20px;
    width: 100%;
    height: 500px;
    border-radius: 10px;
    background: #fff;
}

.meadd-no h1 {
    float: left;
    margin-top: 160px;
    width: 100%;
    height: 150px;
}

.meadd-no h1 img {
    margin: 0px auto;
    width: 150px;
    height: 150px;
}

.meadd-no p {
    float: left;
    width: 100%;
    height: 30px;
    color: #999;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

/* 新建地址 */

.meadd-xin {
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    margin: 20px 0px 0px;
    padding: 50px 20px;
    width: 100%;
    height: 500px;
    border-radius: 10px;
    background: #fff;
}














